<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付成功页面</title>
</head>
<style>
    div{
        margin: auto;
        width: 500px;

    }

    #aaa{
        width: 200px;
        color: #9b4040;
        font-size: 250px;
    }

</style>
<body>
    <div>
        <h2>恭喜您已经支付成功！</h2>
        <span id="aaa">10</span> 秒后自动跳转首页
        <p><button>立刻返回</button></p>

    </div>
    <script>
        window.onload=function(){
            let fafa = 10;
            setInterval(() =>{
                
                fafa--;
                document.getElementById("aaa").innerHTML = fafa;
                if(fafa == 0){
                    location.href = "./css1.html"
                }

            },1000);

            document.getElementsByTagName("button")[0].onclick=function(){
                 location.href = "./css1.html"


            }

        }


    </script>

    
</body>
</html>